<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>第三届重庆市青少年“人工智能—机器人”创新挑战赛高新区选拔赛</title>  
    <style>  
        body {  
            background-color: #00a0de;  
            display: flex;  
            justify-content: center;  
            align-items: center;  
            height: 100vh;  
            margin: 0;  
            box-shadow: none;  <!-- 删除box-shadow以去除阴影效果 -->  
        }  
        .container {  
            color: #fff;  
            font-size: 56px;  
            text-align: center;  
            background-color: #00a0de;  
            padding: 20px;  
            border-radius: 8px;  
            box-shadow: none;  <!-- 删除box-shadow以去除阴影效果 -->  
        }  
        .timer {  
            font-size: 100px;  
        }  
    </style>  
</head>  
<body>  
    <div class="container">  
        <h1>第三届重庆市青少年“人工智能—机器人”创新挑战赛高新区选拔赛</h1>  
        <p class="timer"></p>  
    </div>  
    <script>  
        function getTime() {  
            var now = new Date();  
            var date = now.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' });  
            var time = now.toLocaleString('zh-CN', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' });  
            return date + " " + time;  
        }  
        function updateTime() {  
            document.querySelector(".timer").textContent = getTime();  
        }  
        setInterval(updateTime, 1000);  
    </script>  
</body>  
</html>